
<body>
    Registro de Licencias

    <table align="center">
        <tr>
            <td>
                grado
            </td>
            <td>
              
                <select name="grado" id="grado" style="width: 182px">
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>
                Lugar Expedida
            </td>								
            <td>
                <input name="lugar_expedida" id="lugar_expedida"/>
            </td>
        </tr>
        <tr>
            <td>
                fecha
            </td>								
            <td>
                <input name="fecha" id="fecha"/>
            </td>
        </tr>

        <tr>
            <td>
                Vence
            </td>								
            <td>
                <input name="vence" id="vence"/>
            </td>
        </tr>
        <tr>
            <td>
                Cedula Conductor
            </td>								
            <td>
                <input name="personas_cedula" id="personas_cedula"/>
            </td>
        </tr>

    </table>
    <table align="center">
        <tr>
            <td>
                <p>
                    <span class="art-button-wrapper">
                        <span class="art-button-l"> </span>
                        <span class="art-button-r"> </span>
                        <a style="cursor: pointer;" class="art-button" href="javascript:guardar()">Guardar</a>
                    </span>
                </p>
            </td>
            <td>
                <p>
                    <span class="art-button-wrapper">
                        <span class="art-button-l"> </span>
                        <span class="art-button-r"> </span>
                        <a class="art-button" style="cursor: pointer;" href="javascript:limpiar()">Limpiar</a>
                    </span>
                </p>
            </td>
        </tr>
    </table>
    <div id="respuesta"></div> 

    <script>
        
        function guardar(){
            console.log(">>>" + $("#grado").get(0).value);
            var params = {grado: $("#grado").get(0).value,
                lugar_expedida: $("#lugar_expedida").get(0).value,
                fecha: $("#fecha").get(0).value,
                vence: $("#vence").get(0).value,
                personas_cedula: $("#personas_cedula").get(0).value,
                accion: "registrar"
            }
            $("#respuesta").load("../controladores/LicenciaControlador.php", params, function(){	
                
                console.log("recibidos los datos por ajax");
            });
        }
        
        $("#fecha").datepicker({
            showOn: "button",
            buttonImage: "../images/calendar.gif",
            buttonImageOnly: true,
            changeMonth: true,
            changeYear: true,
            dateFormat: 'yy-mm-dd',
            regional: 'es'
        });
         $("#vence").datepicker({
            showOn: "button",
            buttonImage: "../images/calendar.gif",
            buttonImageOnly: true,
            changeMonth: true,
            changeYear: true,
            dateFormat: 'yy-mm-dd',
            regional: 'es'
        });
        
        
    </script>    
</body>

